<template>
  <div>
    <Menu :data="menus"></Menu>
  </div>
</template>

<script>
// import Menu from './components/menu/index.vue'
import Menu from './components/menu/index.js'

export default {
  name: 'App',

  data() {
    return {
      menus: [
        {
          title: 1,
          id: 1
        },
        {
          title: 2,
          id: 2,
          children: [
            {
              title: 21,
              id: 21,
              children: [
                {
                  title: 211,
                  id: 211
                }
              ]
            },
            {
              title: 22,
              id: 22
            }
          ]
        },
        {
          title: 3,
          id: 3
        },
        {
          title: 4,
          id: 4,
          children: [
            {
              title: 41,
              id: 41
            },
            {
              title: 42,
              id: 42
            }
          ]
        }
      ]
    }
  },
  components: { Menu }
}
</script>

<style lang="scss" scoped></style>
